/********************************
	デザインボタン定義
********************************/
input[type="button"] {
	cursor:					pointer;
}
input[type="button"]:disabled {
	cursor:					default;
}

.button, .button:visited {
	background:				#C0C0C0;
	display:				inline-block;
	padding:				5px 10px 6px;
	color:					black;
	text-decoration:		none;
	/* 角丸 */
	border-radius:			10px;
	-moz-border-radius:		10px;								/* Firefox用 */
	-webkit-border-radius:	10px;								/* Safari,Google Chrome用 */
	/* 影 */
	-moz-box-shadow:		0 1px 3px rgba(0,0,0,0.6);			/* Firefox用 */
	-webkit-box-shadow:		0 1px 3px rgba(0,0,0,0.6);			/* Safari,Google Chrome用 */
	text-shadow:			0 -1px 1px rgba(0,0,0,0.25);
	border-bottom:			1px solid rgba(0,0,0,0.25);
	position:				relative;
	cursor:					pointer
}
.button:hover {
	background-color:		#D3D3D3;
	color:					#000000;
}
.button:disabled {
	background-color:		#808080;
	color:					#C0C0C0;
	cursor:					default;
}

.button:active {
	top:					1px;
}

/* ボタン文字サイズ：中 */
.button, .button:visited, .medium.button, .medium.button:visited {
	font-size:				14px;
	font-weight:			bold;
	line-height:			1;
	text-shadow:			0 -1px 1px rgba(0,0,0,0.25);
}

/* ボタン文字サイズ：小 */
.small.button, .small.button:visited {
	font-size:				10px;
	padding:				3px 10px 4px;
}

/* ボタン文字サイズ：大 */
.large.button, .large.button:visited {
	font-size:				20px;
	padding:				8px 14px 9px;
}

/* ボタン文字サイズ：特大 */
.super.button, .super.button:visited {
	font-size:				30px;
	padding:				8px 14px 9px;
}

/* ボタン色：黒色 */
.black.button, .black.button:visited {
	background-color:		#ffffff;
	color:					#000000;
}
.brack.button:checked {
	background-color:		#000000;
	color:					#ffffff;
}
.brack.button:disabled {
	background-color:		#808080;
	color:					#C0C0C0;
	cursor:					default;
}

/* ボタン色：桃色 */
.pink.button, .pink.button:visited {
	background-color:		#ffffff;
	color:					#000000;
}
.pink.button:checked {
	background-color:		#FF69B4;
	color:					#000000;
}
.pink.button:disabled {
	background-color:		#808080;
	color:					#C0C0C0;
	cursor:					default;
}

/* ボタン色：緑色 */
.green.button, .green.button:visited {
	background-color:		#ffffff;
	color:					#000000;
}
.green.button:checked {
	background-color:		#3CB371;
	color:					#000000;
}
.green.button:disabled {
	background-color:		#808080;
	color:					#C0C0C0;
	cursor:					default;
}

/* ボタン色：黄緑色 */
.lime.button, .lime.button:visited {
	background-color:		#ffffff;
	color:					#000000;
}
.lime.button:checked {
	background-color:		#00CC00;
	color:					#000000;
}
.lime.button:disabled {
	background-color:		#808080;
	color:					#C0C0C0;
	cursor:					default;
}

/* ボタン色：赤色 */
.red.button, .red.button:visited {
	background-color:		#ffffff;
	color:					#000000;
}
.red.button:checked {
	background-color:		#DC143C;
	color:					#000000;
}
.red.button:disabled {
	background-color:		#808080;
	color:					#C0C0C0;
	cursor:					default;
}

/* ボタン色：マゼンタ */
.magenta.button, .magenta.button:visited {
	background-color:		#ffffff;
	color:					#000000;
}
.magenta.button:checked {
	background-color:		#FF00FF;
	color:					#000000;
}
.magenta.button:disabled {
	background-color:		#808080;
	color:					#C0C0C0;
	cursor:					default;
}

/* ボタン色：橙色 */
.orange.button, .orange.button:visited {
	background-color:		#ffffff;
	color:					#000000;
}
.orange.button:checked {
	background-color:		#FF6347;
	color:					#000000;
}
.orange.button:disabled {
	background-color:		#808080;
	color:					#C0C0C0;
	cursor:					default;
}

/* ボタン色：青色 */
.blue.button, .blue.button:visited {
	background-color:		#ffffff;
	color:					#000000;
}
.blue.button:checked {
	background-color:		#0066FF;
	color:					#000000;
}
.blue.button:disabled {
	background-color:		#808080;
	color:					#C0C0C0;
	cursor:					default;
}

/* ボタン色：シアン */
.cyan.button, .cyan.button:visited {
	background-color:		#ffffff;
	color:					#000000;
}
.cyan.button:checked {
	background-color:		#00CCFF;
	color:					#000000;
}
.cyan.button:disabled {
	background-color:		#808080;
	color:					#C0C0C0;
	cursor:					default;
}

/* ボタン色：黄色 */
.yellow.button, .yellow.button:visited {
	background-color:		#ffffff;
	color:					#000000;
}
.yellow.button:checked {
	background-color:		#FFD700;
	color:					#000000;
}
.yellow.button:disabled {
	background-color:		#808080;
	color:					#C0C0C0;
	cursor:					default;
}

/* ボタン色：白色 */
.white.button, .white.button:visited {
	background-color:		#FFFFFF;
	color:					#000000;
}
.white.button:disabled {
	background-color:		#FFFFFF;
	color:					#C0C0C0;
	cursor:					default;
}
